<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="css/notice.css" />
		<style>
			.NoData {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-ms-transform:translate(-50%, -50%); 	/* IE 9 */
				-moz-transform:translate(-50%, -50%); 	/* Firefox */
				-webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
				-o-transform:translate(-50%, -50%); 	/* Opera */
				width: 80%;
				height: 30vw;
				line-height: 30vw;
				text-align: center;
				z-index: 999;
				font-size: 1.5rem;
				display: none;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">通知单</h1>
		</header>
		<div class="mui-content mui-scroll-wrapper" id="refreshContainer">
			<div class="mui-content">
				<ul class="count" id="count">
					<!--<li class="count_msg active"> 
			    		<h4>7号风机温度过高</h4>
			    		<p>
			    			<span class="left">
			    				2017-11-11  21:00:59
			    			</span>
			    			<span class="right">
			    				单号：12365897458695
			    			</span>
			    		</p>
			    	</li>-->
				</ul>
			</div>
		</div>
		<div class="NoData">暂无数据!</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
//		localStorage.removeItem('info');
		console.log('draft/notice.html');
		var count = 0; // 上拉加载的次数
		var info = []; //获取的保存页的详情信息
		//		var arr = []; //列数数组
		var infoList = [];
		(function($) {
			$('.mui-scroll-wrapper').scroll({
				bounce: false,
				indicators: false
			});
			document.body.style.overflow == "hidden";
		})(mui);
		//		mui.init({				
		//				pullRefresh: {
		//					container: "#refreshContainer", //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
		//					down : {
		//				      style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
		//					      color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
		//					      height:'50px',//可选,默认50px.下拉刷新控件的高度,
		//					      range:'100px', //可选 默认100px,控件可下拉拖拽的范围
		//					      offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
		////					      auto: false,//可选,默认false.首次加载自动上拉刷新一次
		//					      callback :function(){
		//					      	document.getElementById("count").innerHTML = "";
		//					      	loadData()
		//					      	mui('#refreshContainer').pullRefresh().endPulldown();//结束刷新
		//					      },
		//					 },
		//					up: {
		//						contentrefresh: "正在加载...", // 可选，正在加载状态时，上拉加载控件上显示的标题内容
		//						contentnomore:'没有更多数据可加载',// 可选，请求完毕若没有更多数据时显示的提醒内容；
		//						callback: loadData
		//					}
		//				} 
		//		});
		mui.plusReady(function() {
			getInfo();
			
		});
		//		function loadData(){
		//			setTimeout(function(){
		//				mui('#refreshContainer').pullRefresh().endPullupToRefresh(++count >3); 
		//				var str = "";
		//				arr=[
		//					{"count":"7号风机温度过高"}
		//				]
		//				for (var i = 0;i<arr.length;i++) {
		//					str += '<li class="count_msg active">'+
		//				    		'<h4>'+
		//				    		arr[i].count+
		//				    		'</h4>'+
		//				    		'<p>'+
		//				    			'<span class="left">'+
		//				    				'2017-11-11  21:00:59'+
		//				    			'</span>'+
		//				    			'<span class="right">'+
		//				    				'单号：12365897458695'+
		//				    			'</span>'+
		//				    		'</p>'+
		//				    	'</li>';	
		//				}
		//				   document.getElementById("count").innerHTML += str;   
		//			},500)    	
		//		}
		// 跳转至 缺陷单页面
//		function clickToqxd() {
//			$('#count').on('tap', 'li', function() {
//				mui.openWindow('../quexiandan/qxd.html', 'quexiandan/qxd.html');
//			});
//		}
		
		//获取草稿的信息,加载成列表
		function getInfo() {
			info = localStorage.getItem('info');
			infoList = JSON.parse(info);
			if(info == null || info == "") {
				info = new Array();
				showPrompt();
			} else {
				console.log('109----info==' + info);
				len = JSON.parse(info).length;
				getDom();
				hidePrompt();
				
			}
		}
		//  根据新建的缓存,加载列表
		function getDom() {
			var str = "";
			$.each(JSON.parse(info), function(i, v) {
				//				description
				//				start_time
				//				work_number
				str += '<li class="count_msg active" data-i="'+i+'">' +
					'<h4>' +
					v.description +
					'</h4>' +
					'<p>' +
					'<span class="left">' +
					v.start_time +
					'</span>' +
					'<span class="right">' +
					'单号：' + v.work_number +
					'</span>' +
					'</p>' +
					'</li>';
			})
			$('#count').html(str);
			list();
		}
		
		// 列表加载事件
		function list(){
			console.log('列表长度----'+$('.count_msg').length);
			console.log(JSON.stringify(infoList[0]));
			$('#count').on('tap','.count_msg',function(){
				var i = $(this).data('i');
				plus.webview.close(plus.webview.currentWebview());
				mui.openWindow({
					url: '../draft/qxd.html',
					id: 'qxd_.html',
					extras: {
						list: infoList[i]
					}
				})
				
			});
		}
		// 判断 是否有数据,没有,则显示"暂无数据"
		function showPrompt() {
			$('.NoData').show();
		}
		function hidePrompt() {
			$('.NoData').hide();
		}
	</script>

</html>